<template>
    <div class="wai">
        <!-- 安踏儿童 -->
        <img  src="https://img.fishfay.com/theme/images/antacom/antakids/introduction-bg-20191024.jpg" alt="">
        
        <div class="akcon">
            <div class="aktop">
                <router-link to="/antakids/introduction" id="xuanxiang" class="akcur">
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-introduction-o.svg" alt="">
                                     
                    <span class="mingzi">品牌介绍</span>
                </router-link>
                <router-link to="/antakids/spokesperson" 
                
                id="xuanxiang">
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-spokesperson-g.svg" alt="">
                    
                    <span class="mingzi">品牌代言人</span>
                </router-link>
                <router-link to="/antakids/equipment" id="xuanxiang">                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-equipment-g.svg" alt="">
                    <span class="mingzi">运动装备</span>
                </router-link>
                <router-link to="/antakids/technology" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-technology-g.svg" alt="">
                    <span class="mingzi">运动科技</span>
                </router-link>
                <router-link to="/antakids/starproduct" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-starproduct-g.svg" alt="">
                    <span class="mingzi">纽约时装周</span>
                </router-link>
                <router-link to="/antakids/cooperation" id="xuanxiang">
                
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-cooperation-g.svg" alt="">
                    <span class="mingzi">跨界合作</span>
                </router-link>
                <router-link to="/antakids/terminal" id="xuanxiang"
                >
                    <img id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-terminal-g.svg" alt="">
                    <span class="mingzi">终端形象</span>
                </router-link>
                <router-link to="/antakids/meeting" id="xuanxiang"
               >
                    <img  id="akpic" src="https://img.fishfay.com/theme/images/antacom/antakids/icon-meeting-g.svg" alt="">
                    <span class="mingzi">顽运会</span>
                </router-link>
                
            </div>
            <div class="akbody">
                <br>
                <p class="center">
                    安踏儿童隶属于安踏集团，创立于2008年，是中国领先的儿童运动文化品牌。
                    <br>
                    安踏儿童产品包括婴小童、潮流、青少年三个板块。
                    <br>
                    近年来安踏儿童顺应国内消费升级，与漫威、冰雪奇缘、hello Kitty、TOKIDOKI等国际IP跨界合作，引领儿童鞋服趋势。
                    <br>
                    秉承“顽出成长”的品牌主张，安踏儿童激励每一个孩子都能快乐运动，帮助家长激发孩子成长天赋，创造未来，深受年轻父母的喜爱。
                </p>
                <br>
                <br>
                <p class="line"></p>
                <div class="intro-box">
                    <p class="center">
                        <img class="loading"  alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/intro-02-ppdw.png">
                    </p>
                    <p class="center">
                        <span class="intro-border-txt">专业的儿童运动文化品牌</span>
                    </p>
                    <br><br>
                    <p class="center">
                        <img class="loading" alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/intro-03-ppzz.png">
                    </p>
                    <p class="center">
                        <span class="intro-border-txt">激励每一个孩子都能快乐运动，帮助家长激发孩子成长天赋，创造未来</span>
                    </p>
                    <br><br>
                    <p class="center">
                        <img class="loading"  alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/intro-04-ppgx.png">
                    </p>
                    <p class="center">
                        <span class="intro-border-txt">
                            专业、有趣、热情、启发
                        </span>
                    </p>
                </div>
                <p class="center">
                    <img class="loading"  alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/intro-06-wan.png">
                </p>
                <p class="center">
                    不只是玩耍<br>
                    它是孩子自我成长的人生课堂<br>
                    是毫无理由而乐观的顽强<br>
                    是宁愿输在一起也不愿独赢的顽固<br>
                    它是大人定论了一万次“你做不到”还是要去“试一试”的顽执
                </p>
                <br>
                <p class="line"></p>
                <br>
                <p class="center">
                    <img class="loading"  alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/intro-06-wan.png">
                </p>
                <p class="center">
                    不只是好动<br>
                    它是孩子运动的本能<br>
                    它强壮了孩子的身体<br>
                    更强壮了他们的意志<br>
                    让孩子在一次次的跳跃，奔跑，进攻中<br>
                    学会赢，学会输<br>
                    学会笑，也学会哭
                </p><br><br><br>
                <p class="center">
                    <img class="loading"  alt="" style="height: auto; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/antacom/antakids/2019/1024/intro-08-wccz.png">
                </p><br>
                <p class="center-bold">
                    <img class="loading"  alt="" style="height: 40px; width: auto; max-width: 100%; display: inline;" src="https://img.fishfay.com/theme/images/logo/logo-antakids-o.svg">
                </p><br><br>
            </div>
        </div>
        
        
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
*{
    box-sizing: border-box;
}
.wai{
    background-color: black;
    padding-bottom: 130px;
}
.wai>img{
    margin: 0 auto;
    display: block;
}
.akcon{
    background-color: #fff;
    width: 1200px;
    // height: 900px;
    margin: -120px auto 0 ;
    z-index: 2; 
    position: relative;
    padding: 55px;
}   

#akpic{
    width: 60px;
    height: 60px;
    margin: 10px 27.5px;
}
.aktop{
    display: flex;
    height: 210px;
    margin: 0 auto;
    justify-content: space-between;
}
.mingzi{
    display: block;
    color: #333;
    padding: 10px;
}
#xuanxiang{
    margin: 0 10px 10px;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    font: normal 14px "微软雅黑",Arial,sans-serif;
    
}
.mingzi{
    margin: 0 auto;
}
.akcur{box-shadow: 0 0 4px #ddd;
       >span{
           color: black;
           font-weight: bold;} 
    }
.akbody{
    padding: 10px 45px;
    color: #666;
    font-size: 15px;
    line-height: 30px;
}
a{
    text-decoration: none;
}
.center{
        text-align: center;
        

        
}
.line{
        height: 1px;
        width: 100%;
        background-color: #dbdbdb;
}
.intro-box{
        width: 1200px;
        margin-left:-100px;
        margin-bottom: 60px;
        padding-top: 100px;
        position: relative;

}
.intro-border-txt{
    display: inline-block;
    line-height: 28px;
    border-radius: 15px;
    border: 1px solid #999;
    padding: 0 20px;
    margin-top: 10px;
}
.center-bold{
    text-align: center;
}
</style>